$('.login a').on('click', function () {
  $('.login').hide().next().show();
})

$('.register a').on('click', function () {
  $('.login').show().next().hide();
})

/***************************** 注册功能 *****************************/
// 注册功能 和 添加图书有很大的区别吗？
// 表单提交 --> 阻止默认行为 --> 收集表单数据（用户名、密码） --> ajax提交给服务器
$('.register form').on('submit', function (e) {
  e.preventDefault();
  // 收集表单数据
  let data = $(this).serialize(); // 查看并修改 input 的 name 属性值
  // console.log(data); // 查看参数是否和接口要求一致
  $.ajax({
    type: 'POST',
    url: '/api/reguser',
    data: data,
    success: function (res) {
      // 只考虑成功的情况；失败的情况后续统一处理
      if (res.status === 0) {
        $('.register .layui-input').val('');
        // alert(res.message);
        layer.msg(res.message);
        $('.login').show().next().hide();
      }
    }
  });
});



// ------------------------------------ 完成表单验证 --------------------------------
// 1. 如何使用layui提供的内置模块（layui提供的功能）
// 1.1) 加载模块，固定语法 let 变量 = layui.模块名;
let form = layui.form;

// 用户名长度2~10   密码长度6~12位    两次密码一致
// 1.2) layui支持，自定义验证规则
form.verify({
  // 键(规则名称): 值(数组格式['正则表达式', '验证不通过时的提示']),
  uname: [/^\S{2,10}$/, '用户名长度必须是2~10位'], // \S表示非空白字符   {2,10} 不要写成 {2, 10}
  pwd: [/^\S{6,12}$/, '密码长度必须是6~12位'], //
  // 键(规则名称): 值(函数格式，函数的形参，函数的返回值)
  same: function (val) {
    // 形参val表示 使用该规则的输入框的值；本例中，重复密码使用了这个验证规则，所以形成val表示用户输入的重复密码
    if ($('.pwd').val() !== val) {
      return '两次密码不一致！';
      // return '验证不通过时的提示';
    }
  }
});


// console.log(form); // 得到一个对象，对象中封装了很多方法




// ------------------------------------ 登录功能 --------------------------------
// 表单提交 --> 阻止默认行为 --> 收集数据 --> ajax提交
$('.login form').on('submit', function (e) {
  e.preventDefault();
  let data = $(this).serialize(); // 检查input的name属性值
  // console.log(data);
  $.ajax({
    type: 'POST',
    url: '/api/login',
    data: data,
    success: function (res) {
      // 只关注请求成功的情况即可，因为失败的情况有统一配置
      if (res.status === 0) {
        layer.msg(res.message, { time: 2000 }, function () {
          // 关闭弹出后，做什么
          // 跳转之前，先把服务器返回的token‘存储
          localStorage.setItem('token', res.token);
          // 登录成功，跳转到 index.html （路径和js文件在哪里没有关系；和使用js的html文件有关系）
          location.href = './index.html';
        });
      }
    }
  });
})